<template>
  <div>
    <div class="home_header">
      <span class="home_header_icon" @click="$router.push('/profile')"><van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png"  size="36px"/></span>
      <div class="home_header_title">三湘银行秒杀系统</div>
      <!-- <div class="home_header_search">
        <van-search
          v-model="val"
          background="#62A6EB"
          clear-trigger="false"
          show-action
          shape="round"
          placeholder="请输入搜索关键词"
          @search="onSearch"
          :style="opacity='0'"
        >         
          <template #action>
            <div @click="onSearch">搜索</div>
          </template>
        </van-search>
      </div> -->
      <div @click="pushMessagePage" class="home_header_mail">
        <van-icon name="envelop-o" size="30"/>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name:"headerMyCpm",
  data(){
    return {
    }
  },
  methods:{
    // onSearch(){
    //   this.$emit('listenValue',this.val);
    // },
    pushMessagePage() {
      this.$router.push('/message')
    }
  }
}
</script>

<style lang="less">
.home_header{
  position: relative;
  width: 100%;
  height: 190px;
  display: flex;
  justify-content: space-around;
  // align-items: center;
  border-radius: 0px 0px 25px 25px;
  background: url('../../../assets/img/home/header.jpeg');
  background-size: 100%;
  background-repeat: no-repeat;
  // background-color: #62A6EB;
  .home_header_title{
    font-size: 18px;
    margin-top: 8px;
  }

  .home_header_icon{
    width: 5%;
    margin-top: 3px;
  }
  .home_header_search{
    width: 70%;
    margin-left: 5px;
  }
  .home_header_mail{
    margin-right: 10px;
  }
}
</style>